<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example: Custom Overlay</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA"
            type="text/javascript"></script>
<script type="text/javascript" src="http://euroleague-gadgets.googlecode.com/svn/BasketGame/swfobject.js"></script>

    <script type="text/javascript">

    // A FlashMap is a simple overlay that outlines a lat/lng bounds on the
    // map. It has a border of the given weight and color and can optionally
    // have a semi-transparent background color.
    function FlashMap(bounds, opt_weight, opt_color) {
      this.bounds_ = bounds;
      this.weight_ = opt_weight || 2;
      this.color_ = opt_color || "#888888";
    }
    FlashMap.prototype = new GOverlay();

    // Creates the DIV representing this FlashMap.
    FlashMap.prototype.initialize = function(map) {
      // Create the DIV representing our FlashMap
      var div = document.createElement("div");
	  div.id = "divContenedorFlash";
      div.style.position = "absolute";

	 	
      // Our FlashMap is flat against the map, so we add our selves to the
      // MAP_PANE pane, which is at the same z-index as the map itself (i.e.,
      // below the marker shadows)
      map.getPane(G_MAP_MAP_PANE).appendChild(div);

	    var url = "http://youchoose.googlecode.com/svn/municipios/mapa.swf";
		var so = new SWFObject(url, "marcador", "100%", "100%", "8", "#FFFFFF");
		so.addParam("allowScriptAccess", "always");
		so.addParam("wmode", "transparent");
		so.addParam("scaleMode", "noscale")
		so.write("divContenedorFlash");
	    this.map_ = map;
	    this.div_ = div;
	  	div.style.width=300;
		div.style.height=300;

    }

    // Remove the main DIV from the map pane
    FlashMap.prototype.remove = function() {
      this.div_.parentNode.removeChild(this.div_);
    }

    // Copy our data to a new FlashMap
    FlashMap.prototype.copy = function() {
      return new FlashMap(this.bounds_, this.weight_, this.color_,
                           this.backgroundColor_, this.opacity_);
    }

    // Redraw the FlashMap based on the current projection and zoom level
    FlashMap.prototype.redraw = function(force) {
      // We only need to redraw if the coordinate system has changed
      if (!force) return;

      // Calculate the DIV coordinates of two opposite corners of our bounds to
      // get the size and position of our FlashMap
      var c1 = this.map_.fromLatLngToDivPixel(this.bounds_.getSouthWest());
      var c2 = this.map_.fromLatLngToDivPixel(this.bounds_.getNorthEast());

      // Now position our DIV based on the DIV coordinates of our bounds
      this.div_.style.width = Math.abs(c2.x - c1.x) + "px";
      this.div_.style.height = Math.abs(c2.y - c1.y) + "px";
      this.div_.style.left = (Math.min(c2.x, c1.x) - this.weight_) + "px";
      this.div_.style.top = (Math.min(c2.y, c1.y) - this.weight_) + "px";
    }


    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
		var point = new GLatLng(38, -3);
		map.setCenter(point, 5);

        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());

        // Display a FlashMap in the center of the map at about a quarter of
        // the size of the main map
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngDelta = (northEast.lng() - southWest.lng()) / 4;
        var latDelta = (northEast.lat() - southWest.lat()) / 4;
        var rectBounds = new GLatLngBounds(
            new GLatLng(southWest.lat() + latDelta,
                        southWest.lng() + lngDelta),
            new GLatLng(northEast.lat() - latDelta,
                        northEast.lng() - lngDelta));
        map.addOverlay(new FlashMap(rectBounds));
      }
    }

    </script>
  </head>

  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
  </body>
</html>
<B></B>